(function (window, $) {
    /*
    * 公共类js
    * */
    SUPFIRE = window.common || {};
    var common = {
        init: function () {
            this.cacheElment();
            this.bindEvent();
        },
        cacheElment: function () {
            this.searchInput = '';
            this.isMobile = false;
        },
        bindEvent: function () {
            // 监听网页滚动
            // this.scrollPage();
            // 监听窗口改变
            this.changeWindow();
            // 回到顶部
            $("body").on("click", ".goTop", this.goTopFn);
            // 输入框回车键触发查询
            $(".search-wrapper").on("keydown", ".search-input", this.keyup_submit);
            // 全站搜索
            $(".search-wrapper").on("click", ".search-btn", this.searchBtnFn);
            // 菜单切换
            $("body").on("click", "#header-menu", this.switchMenuFn);
            // 点击遮罩层关闭菜单
            $("body").on("click", ".menus", this.closeMenuFn);
            // 显示二维码
            $(".footer-ul-right").on("click", "li.code", this.switchCodeFn);
            // 移动端搜索
            $(".mheader").on("click", ".icon-search", this.showSearchFn);
            $(".mSearch").on("click", ".s-btn", this.searchData);
            // 移动端点击遮罩层，关闭搜索面板
            $("body").on("click", ".mSearch.active", function () {
                $(".mSearch").removeClass("active");
                var $i = $(".mSearch").closest(".mheader").find("#header-menu");
                if ($i.hasClass("icon-close")) {
                    $i.removeClass("icon-close").addClass("icon-caidan1");
                }
            });
            $("body").on("click", ".m-search-wrapper", function (event) {
                event.stopPropagation();
            });
            // 移动端取消搜索
            // $(".mheader").on("click", ".cancel", this.showSearchFn);
            // 移动端搜索回车键时间
            $(".m-search-wrapper").on("keydown", ".search-input", this.keyup_submit);
            // 照明列表菜单点击
            $(".menu-series").on("click", "li", this.showMenuFn);
            // $(".submenu").on("mouseover", function () {
            //     $(this).addClass("active");
            // }).on("mouseout", function () {
            //     $(this).removeClass("active");
            // });
            $(".menu-series").on("mouseleave", "li", function () {
                $(this).find(".submenu").removeClass("active");
            });

            // 头部菜单显隐
            $(".header-menu-left, .header-menu-right").on("mouseover", "li", function () {
                $(this).find(".header-menu-sub").stop().slideDown();
            }).on("mouseout", "li", function () {
                $(this).find(".header-menu-sub").stop().slideUp();
            })

            // 移动端添加二级菜单 TODO
            // $("").on("click", ".msub", function () {
            //     console.log(444)
            //     debugger
            //     $(this).closest("li").find(".mheader-menu-sub").slideToggle();
            // });
            $(".mheader").on("click", ".menus.active li > label", function (e) {
                $(this).find("i").toggleClass("rotate90");
                $(this).closest("li").find(".mheader-menu-sub").slideToggle();
                e.stopPropagation();
            });
        },
        // scrollPage: function () {
        //     $(window).scroll(function () {
        //         if ($(this).scrollTop() > 100) {
        //             $(".goTop").fadeIn();
        //         } else {
        //             $(".goTop").fadeOut();
        //         }
        //     });
        // },
        changeWindow: function () {
            if (window.screen.width <= 768) {
                common.isMobile = true;
            } else {
                common.isMobile = true;
            }
        },
        goTopFn: function () {
            $('html ,body').animate({ scrollTop: 0 }, 300);
            return false;
        },
        keyup_submit: function () {
            var evt = window.event || e;
            if (evt.keyCode == 13) {
                common.searchInput = $(".search-input").val();
                common.searchData();
            }
        },
        searchBtnFn: function () {
            var $input = $(".search-input");
            var $search = $(".search-wrapper");
            if ($search.hasClass("border")) {
                $search.removeClass("border");
                $input.removeClass("inputShow");
                common.searchInput = $(".search-input").val();
                common.searchData();
            } else {
                $search.addClass("border");
                $input.addClass("inputShow");
            }
        },
        searchData: function () {
            // common.searchInput 输入框的值，后端调用ajax TODO
            window.location.href = "search.html"
        },
        switchMenuFn: function () {
            var $this = $(this);
            if ($this.hasClass("icon-caidan1")) {
                $this.removeClass("icon-caidan1").addClass("icon-close");
                $(".menus").addClass("active");
                $(".supfire").addClass("body-hidden");
            } else {
                $this.addClass("icon-caidan1").removeClass("icon-close");
                $(".menus").removeClass("active");
                $(".supfire").removeClass("body-hidden");
            }
        },
        closeMenuFn: function () {
            $(".menus").removeClass("active");
            $(".supfire").removeClass("body-hidden");
            $("#header-menu").removeClass("icon-close").addClass("icon-caidan1");
        },
        switchCodeFn: function () {
            var $this = $(this);
            $this.toggleClass("show");
        },
        showSearchFn: function () {
            $(".mSearch").toggleClass("active");
            if ($(".menus").hasClass("active")) {
                $(".menus").removeClass("active")
            }
            $(".m-search-wrapper .search-input").focus();
        },
        showMenuFn: function () {
            var $this = $(this);
            $this.siblings().find(".submenu").removeClass("active");
            // $this.addClass("active").siblings().removeClass("active");
            $this.find(".submenu").toggleClass("active");
        }
    }
    common.init();
    SUPFIRE.COMMON = common;
})(window, jQuery);

window.onresize = function () {
    SUPFIRE.COMMON.changeWindow();
}

$(document).mouseup(function (e) {
    var _con = $(".footer-ul-right li.code");   // 设置目标区域
    if (!_con.is(e.target) && _con.has(e.target).length === 0) {
        _con.removeClass("show");
    }
});
